<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <title>Fichas Extra Orçamentaria</title>
    </h:head>

    <ui:composition template="/index.xhtml">  
        <ui:define name="conteudo">  
            <f:view>
                <h:body>  
                    <h:form id="formFichasExtraOrcamentaria" >

                        <p:growl autoUpdate="true" showDetail="true"/>

                        <p:panel header="Fichas Extra Orçamentaria">

                            <p:dataTable id="dtFichasExtraOrcamentaria"
                                         var="item" 
                                         value="#{fichaExtraOrcamentariaBean.fichasExtraOrcamentaria}" 
                                         selectionMode="single" 
                                         selection="#{fichaExtraOrcamentariaBean.fichaExtraOrcamentaria}"
                                         rowKey="#{item.id}"
                                         emptyMessage="N&atilde;o h&aacute; dados">

                                <p:ajax event="rowSelect" update=":formFichasExtraOrcamentaria:dtUnidadesOrcamentarias" />

                                <p:ajax event="rowUnselect" update=":formFichasExtraOrcamentaria:dtUnidadesOrcamentarias" />

                                <p:column headerText="Conta" 
                                          > 

                                    <h:outputText value="#{item.contaExtra}" />

                                </p:column> 

                                <p:column headerText="Saldo" > 

                                    <h:outputText value="#{item.saldoBalanco}" >

                                        <f:convertNumber currencyCode="R$" />

                                    </h:outputText>

                                </p:column>  

                            </p:dataTable>

                            <br/>

                            <!-- Botões para o CRUD -->

                            <p:commandButton value="Novo" 
                                             actionListener="#{fichaExtraOrcamentariaBean.adicionarInicio}"
                                             oncomplete="dlgFichaExtraOrcamentaria.show()" 
                                             update=":display"/>

                            <p:commandButton value="Editar" 
                                             actionListener="#{fichaExtraOrcamentariaBean.editarInicio}"
                                             update=":display"/>

                            <p:commandButton value="Excluir"
                                             actionListener="#{fichaExtraOrcamentariaBean.excluirInicio}"/>

                        </p:panel>
                        <br/>
                        <p:panel header="Unidades Orçamentárias" >

                            <p:dataTable id="dtUnidadesOrcamentarias" 
                                         var="item" 
                                         value="#{fichaExtraUnidadeOrcamentariaBean.fichasExtraUnidadesOrcamentaria}"
                                         selectionMode="single"
                                         selection="#{fichaExtraUnidadeOrcamentariaBean.fichaExtraUnidadeOrcamentaria}" 
                                         rowKey="#{item.id}"
                                         emptyMessage="N&atilde;o h&aacute; dados" >

                                <p:column headerText="Código" 
                                          style="white-space:normal !important;">

                                    #{item.unidadeOrcamentaria.codigo}

                                </p:column>

                                <p:column headerText="Descrição">

                                    <h:outputText value="#{item.unidadeOrcamentaria.descricao}"/>

                                </p:column>

                            </p:dataTable>

                            <br/>

                            <p:commandButton value="Adicionar" 
                                             actionListener="#{fichaExtraUnidadeOrcamentariaBean.adicionarInicio}" />

                            <p:commandButton value="Excluir" 
                                             actionListener="#{fichaExtraUnidadeOrcamentariaBean.excluirInicio}" />

                        </p:panel>
                    </h:form>

                    <!-- confirmDialig para confirmação de exclusão -->

                    <p:confirmDialog  message="Deseja excluir esse registro?"
                                      severity="alert"
                                      header="Exclus&atilde;o" 
                                      widgetVar="dlgExcluirFichaExtraOrcamentaria" 
                                      appendToBody="true">  

                        <h:form>

                            <p:commandButton id="confirm" 
                                             value="Sim" 
                                             actionListener="#{fichaExtraOrcamentariaBean.excluirFim}" 
                                             update=":formFichasExtraOrcamentaria:dtFichasExtraOrcamentaria"/>  

                            <p:commandButton id="decline"
                                             value="N&atilde;o" 
                                             onclick="dlgExcluirFichaExtraOrcamentaria.hide();"
                                             actionListener="#{fichaExtraOrcamentariaBean.cancelar}" 
                                             update=":formFichasExtraOrcamentaria:dtFichasExtraOrcamentaria" />   

                        </h:form>

                    </p:confirmDialog>

                    <p:dialog header="Ficha Extra Orcamentária" 
                              widgetVar="dlgFichaExtraOrcamentaria" 
                              appendToBody="true" 
                              showEffect="clip"
                              hideEffect="clip"
                              dynamic="true"
                              modal="true"
                              resizable="false" >

                        <h:panelGrid id="display"
                                     style="width: 400px">

                            <ui:include src="../ficha-extra-orcamentaria/FichaExtraOrcamentaria.xhtml" />

                        </h:panelGrid>

                    </p:dialog>

                    <p:confirmDialog  message="Deseja excluir esse registro?"
                                      severity="alert"
                                      header="Exclus&atilde;o" 
                                      widgetVar="dlgExcluirFichaExtraUnidadeOrcamentaria" 
                                      appendToBody="true">  

                        <h:form>

                            <p:commandButton id="confirm" 
                                             value="Sim" 
                                             actionListener="#{fichaExtraUnidadeOrcamentariaBean.excluirFim}" 
                                             update=":formFichasExtraOrcamentaria:dtUnidadesOrcamentarias"/>  

                            <p:commandButton id="decline"
                                             value="N&atilde;o" 
                                             onclick="dlgExcluirFichaExtraUnidadeOrcamentaria.hide();"
                                             actionListener="#{fichaExtraUnidadeOrcamentariaBean.cancelar}" 
                                             update=":formFichasExtraOrcamentaria:dtUnidadesOrcamentarias" />   

                        </h:form>

                    </p:confirmDialog>

                    <p:dialog header="Unidades Orçamentárias" 
                              widgetVar="dlgFichaExtraUnidadeOrcamentaria" 
                              appendToBody="true" 
                              showEffect="clip"
                              hideEffect="clip"
                              dynamic="true"
                              modal="true"
                              resizable="false" >

                        <h:panelGrid id="displayFichaExtraUnidadeOrcamentaria"
                                     style="width: 200px">

                            <h:form>

                                <h:panelGrid style="width: 100%" >

                                    <h:panelGroup>

                                        <h:outputText value="Unidade Orçamentária" /><br/>
                                    </h:panelGroup>


                                    <h:panelGroup>

                                        <p:selectOneMenu value="#{fichaExtraUnidadeOrcamentariaBean
                                                                  .fichaExtraUnidadeOrcamentaria.unidadeOrcamentaria}" 
                                                                  style="width: 100%">

                                            <f:selectItem itemLabel="Selecione" />
                                            <f:selectItems value="#{fichaExtraUnidadeOrcamentariaBean.unidadeOrcamentarias}" />
                                            <f:converter converterId="simpleEntityConverter" />

                                        </p:selectOneMenu>

                                    </h:panelGroup>

                                </h:panelGrid>

                                <br/>

                                <p:commandButton value="Adicionar" 
                                                 actionListener="#{fichaExtraUnidadeOrcamentariaBean
                                                                   .adicionarEditarFim}" />

                                <p:commandButton value="Cancelar"
                                                 oncomplete="dlgFichaExtraUnidadeOrcamentaria.hide()"/>

                            </h:form>

                        </h:panelGrid>

                    </p:dialog>

                </h:body>
            </f:view>
        </ui:define>
    </ui:composition>


</html>

